<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<form action="createCard-send.htm" method="POST" id="previewForm" onsubmit="return validatePreviewForm();" autocomplete="off">
<s:include value="cardCreateBeanInclude.jsp" />
<%-- <s:token name="token"></s:token>--%>
<table width="722" border="0" cellpadding="0" cellspacing="0" class="bg2">
	<tr>
		<td width="100%" valign="top">
   			<table width="100%" height="40" border="0" cellpadding="0" cellspacing="0">
     			<tr>
       				<td class="font02">ขั้นตอนที่ 3 ตรวจสอบความถูกต้องพร้อมส่งเรื่องอนุมัติ</td>
       			</tr>
     		</table>
     		<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" class="font03">
       			<tr>
        			<td>1. ตรวจสอบความถูกต้อง และระบุจำนวนนามบัตรที่ต้องการ</td>
       			</tr>
       			<tr>
    				<td>2. คลิกปุ่ม ขั้นตอนต่อไป เพื่อดำเนินการต่อ</td>
    			</tr>
    			<tr>
    				<td>&nbsp;</td>
    			</tr>
    			<tr>
    				<td>&nbsp;</td>
    			</tr>
    		</table>
    		<%--
    		<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
    			<tr>
       				<td width="50%">&nbsp;</td>
       				<td width="50%" align="right">
            	 		<a href="createCard-fillData.htm?stepBack=Y"
							onMouseOut="MM_swapImgRestore()"
							onMouseOver="MM_swapImage('Image3','','${ request.imageBase }/b_back2.gif',1)"><img
								src="${ request.imageBase }/b_back1.gif" title="ย้อนกลับเพื่อแก้ไข" width="126"
								height="33" id="Image3">
						</a>
            	 		<input type="image" 
							onmouseout="MM_swapImgRestore()" 
							onmouseover="MM_swapImage('Image4','','${ request.imageBase }/b_confirm2.gif',1)"
							src="${ request.imageBase }/b_confirm1.gif" 
							value="อนุมัติและสั่งพิมพ์"
							width="166"
							height="33"
							id="Image4"/>
       				</td>
       			</tr>
    		</table>
    		 --%>
    	</td>
	</tr>
	<tr>
		<td height="236">
			<table width="95%" height="236" border="0" cellpadding="0" cellspacing="0">
     			<tr>
       				<td align="center" valign="top">
       					<%--			
        				<table width="280" height="33" border="0" align="center" cellpadding="0" cellspacing="0">
        					<tr class="font04">
        						<td width="210">ช่องทางการรับสินค้า</td>
								<td width="40">
									<label for="deliveryMethod"></label>
									<select name="cardCreateBean.order.deliveryMethod">
										<option value="1">ไปรษณีย์ลงทะเบียน</option>
										<option value="2">EMS</option>
										<option value="3">รับด้วยตนเอง</option>
									</select>
             					</td>
            					<td width="30">ใบ</td>
            				</tr>
          				</table>	
          				 --%>		
        				<table width="280" height="33" border="0" align="center" cellpadding="0" cellspacing="0">
        					<tr class="font04">
        						<td width="210">ต้องการสั่งนามบัตรจำนวน</td>
								<td width="40">
									<label for="quantity"></label>
									<%--
               						<s:textfield cssClass="form_number" name="cardCreateBean.order.quantity" id="quantity" maxlength="3"/>
               						 --%>
               						<s:select list="@com.verisette.ncos.common.ProjectConstant@cardOrderAmountList"  name="cardCreateBean.order.quantity"></s:select>
             					</td>
            					<td width="30">ใบ</td>
            				</tr>
          				</table>
          				<table width="600" height="300" border="0" cellpadding="0" cellspacing="0">
            				<tr>
            					<td align="center">
									<div>
						            	<s:url var="pAdd" value="%{'pdfs/pdf.htm'}" escapeAmp="false">
										    <s:param  name="name" value='%{cardCreateBean.order.pdfPath}' />
										    <s:param  name="isTemp" value='%{"Y"}' />
											<s:param name="timestamp" value='%{(new java.util.Date()).getTime()}' />
										</s:url>
										<iframe src="<s:property value="#pAdd"/>" style="width:700; height:280; border-width:0; border-color:black; border-style: solid;" >
										</iframe>
									</div>
            					</td>
            				</tr>
          				</table>
          			</td>
        		</tr>
			</table>
    		<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
    			<tr>
       				<td width="50%">&nbsp;</td>
       				<td width="50%" align="right">
            	 		<a href="createCard-fillData.htm?stepBack=Y"
							onMouseOut="MM_swapImgRestore()"
							onMouseOver="MM_swapImage('Image3','','${ request.imageBase }/b_back2.gif',1)"><img
								src="${ request.imageBase }/b_back1.gif" title="ย้อนกลับเพื่อแก้ไข" width="126"
								height="33" id="Image3">
						</a>
            	 		<input type="image" 
							onmouseout="MM_swapImgRestore()" 
							onmouseover="MM_swapImage('Image4','','${ request.imageBase }/b_next2.gif',1)"
							src="${ request.imageBase }/b_next1.gif" 
							value="ขั้นตอนต่อไป"
							width="126"
							height="33"
							id="Image4"/>
       				</td>
       			</tr>
    		</table>
		</td>
	</tr>
</table>
<script language="JavaScript">
$j(document).ready(function(){
<%--
<s:if test="cardCreateBean.printType!=null">
$j("#radioPrintType<s:property value="cardCreateBean.printType"/>").attr("checked", "checked");
</s:if>

//For test only
//$j("#quantity").val(1);
--%>
});
var selectedPageLanguage = ["ไทย", "อังกฤษ"];
function validatePreviewForm(){
	/*
	var rules=new Array();
	i=0;
    rules[i] = 'quantity:จำนวนนามบัตรที่ต้องการ|required';i++;
    rules[i] = 'quantity:จำนวนนามบัตรที่ต้องการ|numrange|1-999|จำนวนนามบัตรที่ต้องการ ควรมากกว่า 1 และน้อยกว่า 999';i++;
    if (yav.performCheck('previewForm', rules, 'classic')){
    	$j("#printType").val($j(":radio:checked").val());
    	if($j("#printType").val()<2){
    		if(!confirm("ยืนยันการพิมพ์นามบัตร เฉพาะภาษา" + selectedPageLanguage[$j("#printType").val()] + " เท่านั้น")){
    			return false;
    		}
    	}
   		return true;
    }
    return false;
    */
    return true;
}
</script>
</form>